
<form id="Form" method="post" action="<?php echo base_url()?>index.php/reportes/respuesta_capacitacion"  target="salida">
			

		<div class="panel with-nav-tabs panel-info">
		  <div class="panel-heading">
			<div class="right-content">
				<button class="btn btn-info btn-rounded-lg to-collapse" data-toggle="collapse" data-target="#panel-collapse-2"><i class="fa fa-chevron-up"></i></button>
			</div>
			<ul class="nav nav-tabs">
				<li class="active"><a href="#panel-1" data-toggle="tab">Filtro</a></li>
			</ul>
		  </div>
	
		<div id="panel-collapse-2" class="collapse in">
			  <div class="panel-body">
				<div class="tab-content">
					<div class="tab-pane fade in active" id="panel-1">
								<div class="row">
									<div class="col-lg-6">
										<label>Sección</label>								
										<select class="form-control chosen-select" name="seccion" >												
														<option value="0">Todas</option>
												 <?php foreach($secciones as $val) { ?>
								                         <option value="<?=$val['id_seccion']?>"> 
								                         	<?php echo ucwords($val['seccion']); ?></option>
							                        <?php   
							                            }
							                        ?>
										</select>
									</div>

									<div class="col-lg-4"> 
										<label>Salida</label>
										<input type="radio" name="salida" value="1" checked>Pantalla 
										<input type="radio" name="salida" value="2"> PDF
										
									</div>						 	
									<div class="col-lg-2">
										<label>Color</label><br>
										<input id="color1" style="width: 200px" name="color"/>
									</div>		 
								</div><!-- /.row -->
								<div class="row">
											<div class="col-lg-6">
												<label >Área</label>
												<select class="form-control chosen-select" name="area" >								
															<option value="0">Todas</option>
													 <?php foreach($areas as $val) { ?>
									                         <option value="<?=$val['id_area']?>" <?php 													                         
									                         echo '>'.$val['area'] ?></option>
								                        <?php   
								                            }
								                        ?>
												</select>
											</div>									
									
									</div><br>
					</div><!-- /#panel-1 -->
					
				</div><!-- /.tab-content -->
			  </div><!-- /.panel-body -->
				<div class="panel-footer">
						<button type="submit" class="btn btn-info" id="btn-filtrar">Procesar</button>

				</div>
			</div><!-- /.collapse in -->
		</div>
	</form>

<div class="panel with-nav-tabs panel-info">

			<div id="panel-collapse-2" class="collapse in">
			  <div class="panel-body">
				<div class="tab-content">
					<div class="tab-pane fade in active" id="panel-1">


		<!------------------------------------------------------------------ TABLA ------------------------------------------------------------- -->									


						<div class="table-responsive row">
								<iframe scrolling="auto" src="" frameborder="0"  name="salida" height="800" >									


								</iframe>
						</div><!-- /.table-responsive -->

					</div><!-- /#panel-1 -->
					
				</div><!-- /.tab-content -->
			  </div><!-- /.panel-body -->
			</div><!-- /.collapse in -->
		</div>
<script type="text/javascript">

                   $("#color1").kendoColorPicker({
                            value: "#ed9b19",
                            buttons: false
                        });

</script>				